import React from 'react'
// import "./index.css";
import style from './index.module.css'
import { Button, Card, Divider, Table } from "antd";
const columns = [
  {
    title: '订单号',
    dataIndex: 'orderNumber',
    key: 'orderNumber',
    render: (text) => <a>{text}</a>,
  },
  {
    title: '订单菜品',
    dataIndex: 'orderTheDish',
    key: 'orderTheDish',
  },
  {
    title: '地址',
    dataIndex: 'address',
    key: 'address',
  },
  {
    title: '预计送达时间',
    key: 'estimatedDeliveryTime',
    dataIndex: 'estimatedDeliveryTime',
  },
  {
    title: '实收金额',
    dataIndex: 'paidInAmount',
    key: 'paidInAmount',
  },
  {
    title: '备注',
    dataIndex: 'remark',
    key: 'remark',
  },
  {
    title: '操作',
    dataIndex: 'operate',
    key: 'operate',
  },

];
export default function Workbench() {
  return (
    <div className={style.container}>
      有点乱，不展示了
      {/* <div className={style.todayDataconainer}>
        <div className={style.title}>
          <div>今日数据</div>
          <Button>查看详细数据</Button>
        </div>
        <div className={style.container}>
          <Card title='营业额'><p>Y 200.13</p></Card>
          <Card title='有效订单'><p>12</p></Card>
          <Card title='订单完成率'><p>16</p></Card>
          <Card title='平均客单价'><p>30</p></Card>
          <Card title='新增用户'><p>18</p></Card>
        </div>
      </div>
      <Divider />
      <div className={style.orderManagementConainer}>
        <div className={style.orderManagement1}>
          <div className={style.orderDataTitle}>订单管理</div>
          <div className={style.orderdataConainer}>
            <Card title='待处理'><p>12</p></Card>
            <Card title='待派送'><p>12</p></Card>
            <Card title='已完成'><p>12</p></Card>
            <Card title='已取消'><p>12</p></Card>
          </div>
        </div>
        <div className={style.orderManagement2}>
          <div className={style.block1}>
            <div className={style.datatitle}>菜品/套餐总览</div>
            <div>查看详细数据</div>
          </div>
          <div className={style.block2}>
            <Card title='已起售'><p>12</p></Card>
            <Card title='已停售'><p>12</p></Card>
            <Card title='新增菜品'><p>12</p></Card>
          </div>
          <div className={style.block2}>
            <div>查看套餐管理</div>
          </div>
          <div className={style.block4}>
            <Card title='已起售'><p>12</p></Card>
            <Card title='已停售'><p>12</p></Card>
            <Card title='新增菜品'><p>12</p></Card>
          </div>
        </div>
      </div>
      <Divider />
      <div className={style.orderInfoConainer}>
        <div className={style.orderInfoTTitle}>
          <div>订单信息</div>
          <div>
            <Button>待接单</Button>
            <Button>待派送</Button>
          </div>
        </div>
        <div className={style.orderInfoContent}>
          <Table columns={columns}></Table>
        </div>
      </div> */}
    </div>
  )
}
